<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<html>
<%@include file="common/head.jsp"%>
<body>

    <%@include file="common/header.jsp"%>

    <div class="breadcrumbs">
        <div class="container_12">
            <div class="grid_12">
                <a>在线商城</a><span></span><a><c:out value="${block.name}" /></a>
            </div><!-- .grid_12 -->
        </div><!-- .container_12 -->
    </div><!-- .breadcrumbs -->

    <section id="main">
        <div class="container_12">
            <div id="content" class="grid_9">
                <h1 class="page_title"><c:out value="${block.name}" /></h1>

                <div class="options">
                    <div class="show">
                        <span>展示第</span>
                        <select>
                            <option>1</option>
                            <option>2</option>
                        </select>
                        <span>页</span>
                    </div><!-- .show -->

                    <div class="sort">
                        <span>排序</span>
                        <select>
                            <option>价格</option>
                            <option>上架时间</option>
                            <option>更新时间</option>
                        </select>

                        <a class="sort_up" href="#">&#8593;</a>
                    </div><!-- .sort -->

                    <div class="grid-list">
                        <a class="grid current" href="index"><span></span></a>
                        <a class="list" href="#"><span></span></a>
                    </div><!-- .grid-list -->

                </div>
                <div class="clear"></div>

                <div class="products catalog">
                    <c:forEach items="${products}" var="product">
                        <article class="grid_3 article">
                            <div class="prev">
                                <a href="product?productId=${product.productId}"><img src="${product.imagePath}" alt="Product 1" title=""></a>
                            </div><!-- .prev -->

                            <h3 class="title">${product.name}</h3>
                            <div class="cart">
                                <div class="price">
                                    <div class="vert">
                                        <span>￥<span>${product.price}</span></span>
                                        <div class="price_old">￥<span>${product.oldPrice}</span></div>
                                    </div>
                                </div>
                                <a href="#" class="obn"></a>
                                <a href="#" class="like"></a>
                                <a href="#" class="bay"><img src="img/bg_cart.png" alt="Buy" title=""></a>
                            </div>
                        </article>
                    </c:forEach>
                    <div class="clear"></div>
                </div>
                <div class="clear"></div>

            </div>

            <%@include file="common/sidebar.jsp"%>

        </div>
    </section>
    <div class="clear"></div>


    <%@include file="common/footer.jsp"%>

    <%@include file="common/script.jsp"%>
</body>
</html>
